<template>
  <div class="all">
    <table class="tab1">
      <tr class="trs">
        <td class="title" colspan="2"><b>登记薄 封面</b></td>
      </tr>
      <tr class="trs">
        <td class="td1">丘　　　　　号：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{higherMound}}</td>
      </tr>
      <tr class="trs">
        <td class="td1">房屋登记簿编号：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{directoryNum}}</td>
      </tr>
      <tr class="trs">
        <td class="td1" colspan="2">本号共 1 本 第 1 本</td>
      </tr>
      <tr class="trs">
        <td class="td1" colspan="2"></td>
      </tr>
      <tr class="trs">
        <td class="td1" colspan="2">陕西 省（自治区、直辖市） 西安 市 未央 区（县、市）</td>
      </tr>
      <tr class="trs">
        <td class="td1" colspan="2">凤城一路 街（路） 6 号</td>
      </tr>
      <tr class="trs">
        <td class="td1" colspan="2"></td>
      </tr>
      <tr class="trs">
        <td class="td1" colspan="2">登记机构：未央区房管所</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      directoryId:sessionStorage.getItem("directoryId"),
      higherMound:"",
      directoryNum:""
    };
  },
  methods: {
    loadDjb() {
      this.$axios.post("/register-serv/directory/selFm/"+ this.directoryId).then((res) => {
        this.higherMound = res.data.data.higherMound;
        this.directoryNum = res.data.data.directoryNum;
      });
    },
  },
  mounted() {
    this.loadDjb();
  },
};
</script>
<style scoped>
.all {
  border: 0px solid blue;
  width: 1200px;

}

.tab1 {
  border: 0px solid blue;
  height: 300px;
  width: 100%;
  border-collapse: collapse;
}

.title {
  border: 1px solid blue;
  width: 100%;
  font-size: 20px;
  height: 10px;
  align-content: center;
  line-height: 30%;
}

.trs {
  border: 0px solid blue;
  height: 10px;
  width: 100%;
  line-height: 0%;
}

.td1 {
  border: 1px solid blue;
  height: 10px;
  width: 40%;
  text-align: left;
}

.td2 {
  border: 1px solid blue;
  height: 10px;
  width: 60%;
  text-align: left;
  color: blue;
}
</style>